<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>4S系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <link href="css/base.css" rel="stylesheet" type="text/css" />
    <link href="css/button.css" rel="stylesheet" type="text/css" />
    <link href="css/icon.css" rel="stylesheet" type="text/css" />
    <link href="css/ssss.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <ul class="nav-bar">
        <li><a href="about.html">关于我们</a></li>
        <li><a class="active" href="javascript:;">4S系统</a></li>
        <li><a href="rule.html">小家公约</a></li>
        <li class="last"><a href="problem.html">常见问题</a></li>
    </ul>
    <div class="banner">
        <img src="image/ssss-banner.png" />
    </div>
    <div class="header-title">
        <img src="image/ssss-service1.png" />
    </div>
    <div class="body-text">
        <p>小家绝不是以冷冰冰的官方存在，</p>
        <p>我们更愿意作为一种精神。</p>
        <p>Sweet, Honey。</p>
        <p>有大家，才有小家。</p>
        <br />
        <p>2017年，将是小家冲刺的1年。</p>
        <p>我们不忘初心，一路向前，</p>
        <p>为所有年轻人提供高性价比的温暖小家！</p>
        <p>2017，蜂巢小家全【心】升级！</p>
        <div class="body-text-addon yellow">回归居住本质<span class="addon-label blue"></span></div>
    </div>
    <img class="about-introduction" src="image/ssss-service11.png" />
    <img class="about-introduction" src="image/ssss-service12.png" />
    <div class="header-title">
        <img src="image/ssss-service2.png" />
    </div>
    <div class="body-text">
        <p>5“心”服务守则</p>
        <p>20项贴心服务标准</p>
        <p>24小时管家在线</p>
        <p>专属管家评分系统</p>
        <p>家人式服务理念</p>
        <p>以人为本 专业专注</p>
    </div>
    <div class="header-title">
        <img src="image/ssss-service3.png" />
    </div>
    <ul class="service-bar">
        <li class="service-bar-item">
            <a href="javascript:;">
                <i class="icon icon-building"></i>
                <span class="item-title">时尚装修</span>
            </a>
        </li>
        <li class="service-bar-item">
            <a href="javascript:;">
                <i class="icon icon-join"></i>
                <span class="item-title">统一家居</span>
            </a>
        </li>
        <li class="service-bar-item">
            <a href="javascript:;">
                <i class="icon icon-rocket"></i>
                <span class="item-title">品牌挂画</span>
            </a>
        </li>
    </ul>
    <ul class="service-bar">
        <li class="service-bar-item">
            <a href="javascript:;">
                <i class="icon icon-building"></i>
                <span class="item-title">管家服务</span>
            </a>
        </li>
        <li class="service-bar-item">
            <a href="javascript:;">
                <i class="icon icon-join"></i>
                <span class="item-title">免费WIFI</span>
            </a>
        </li>
        <li class="service-bar-item">
            <a href="javascript:;">
                <i class="icon icon-rocket"></i>
                <span class="item-title">定期保洁</span>
            </a>
        </li>
    </ul>
    <div class="header-title">
        <img src="image/ssss-service4.png" />
    </div>
    <div class="body-text">
        <img src="image/ssss-service41.png" />
        <p>大厨房共享烹饪美味</p>
        <p>大餐桌分享美味时光</p>
        <p>公共区留言板</p>
        <p>社群在线即时互动</p>
        <p>定期社群活动</p>
        <p>同城旅游踏青</p>
        <img src="image/ssss-service42.png" />
    </div>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
    <script src="js/template.js" type="text/javascript"></script>
    <script src="js/base.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            bee.wxConfig(function() {
                bee.hideAllNonBaseMenuItem();
            }, function(res) {});
        });
    </script>
</body>

</html>
